<!doctype html>
<html lang="en">


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:37:46 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- Title -->
    <title>Undex - Modern Admin Template</title>

    <!-- Favicon -->
    <link rel="icon" href="img/core-img/favicon.png">

    <!-- These plugins only need for the run this page -->
    <link rel="stylesheet" href="css/default-assets/datatables.bootstrap4.css">
    <link rel="stylesheet" href="css/default-assets/responsive.bootstrap4.css">
    <link rel="stylesheet" href="css/default-assets/buttons.bootstrap4.css">
    <link rel="stylesheet" href="css/default-assets/select.bootstrap4.css">

    <!-- Master Stylesheet [If you remove this CSS file, your file will be broken undoubtedly.] -->
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader"></div>

    <!-- Choose Layout -->
    <div class="choose-layout-area">
        <div class="setting-trigger-icon" id="settingTrigger">
            <i class="ti-settings"></i>
        </div>
        <div class="choose-layout" id="chooseLayout">
            <h6 class="mb-30">Choose A Layout</h6>
            <div class="demos-content">
                <div class="single-demos">
                    <a href="index-2.html"><img src="img/demo/1.png" alt=""></a>
                    <span>Vertical Dark</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu/index.html"><img src="img/demo/2.png" alt=""></a>
                    <span>Vertical Light</span>
                </div>
                <div class="single-demos">
                    <a href="http://demo.riktheme.com/undex-1/side-menu-gradient/index.html"><img src="img/demo/3.png" alt=""></a>
                    <span>Sidebar Gradient</span>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================================
    ******* Page Wrapper Area Start **********
    ======================================= -->
    <div class="ecaps-page-wrapper">
        <!-- Sidemenu Area -->
        <div class="ecaps-sidemenu-area">
            <!-- Desktop Logo -->
            <div class="ecaps-logo">
                <a href="index-2.html"><img class="desktop-logo" src="img/core-img/logo.png" alt="Desktop Logo"> <img class="small-logo" src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
            </div>

            <!-- Side Nav -->
            <div class="ecaps-sidenav" id="ecapsSideNav">
                <!-- Side Menu Area -->
                <div class="side-menu-area">
                    <!-- Sidebar Menu -->
                    <nav>
                        <ul class="sidebar-menu" data-widget="tree">
                            <li class="sidemenu-user-profile d-flex align-items-center">
                                <div class="user-thumbnail">
                                    <img src="img/member-img/1.png" alt="">
                                </div>
                                <div class="user-content">
                                    <h6>Ajoy Das</h6>
                                    <span>Pro User</span>
                                </div>
                            </li>
                            <li class="active"><a href="index-2.html"><i class="icon_lifesaver"></i> <span>Dashboard</span></a></li>
                            <li><a href="widgets.html"><i class="icon_cog"></i> <span>Widgets</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_laptop"></i> <span>Apps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="calendar.html">- Calendar</a></li>
                                    <li><a href="chat-box.html">- Chat box</a></li>
                                    <li><a href="project-list.html">- Project List</a></li>
                                    <li><a href="project-details.html">- Project Details</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_drive"></i> <span>UI kit</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="avatar.html">- Avatar</a></li>
                                    <li><a href="buttons.html">- Button</a></li>
                                    <li><a href="card.html">- Card</a></li>
                                    <li><a href="slider.html">- Slider</a></li>
                                    <li><a href="modals.html">- Modals</a></li>
                                    <li><a href="toastr.html">- Toastr</a></li>
                                    <li><a href="preloader.html">- Preloader</a></li>
                                    <li><a href="tab.html">- Tab</a></li>
                                    <li><a href="general.html">- General</a></li>
                                    <li><a href="progressbar.html">- Progressbar</a></li>
                                    <li><a href="notifications.html">- Notification</a></li>
                                    <li><a href="dropdown.html">- Dropdown</a></li>
                                    <li><a href="typography.html">- Typography</a></li>
                                </ul>
                            </li>
                            <li><a href="inbox.html"><i class="icon_globe-2"></i> <span>Email</span></a></li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_easel"></i> <span>Charts</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="heigh-chart.html">- Heigh Chart</a></li>
                                    <li><a href="flot-chart.html">- Flot Chart</a></li>
                                    <li><a href="metricas-chart.html">- Metrica Chart</a></li>
                                    <li><a href="chartist.html">- Chartist Chart</a></li>
                                    <li><a href="google-chart.html">- Google Chart</a></li>
                                    <li><a href="morris-chart.html">- Morris Chart</a></li>
                                    <li><a href="peity-chart.html">- Peity Chart</a></li>
                                    <li><a href="chart-js.html">- Chart Js</a></li>
                                    <li><a href="c3-charts.html">- C3 Chart</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_document_alt"></i> <span>Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="blank.html">- Start Page</a></li>
                                    <li><a href="profile.html">- Profile</a></li>
                                    <li><a href="profile-2.html">- Profile 2</a></li>
                                    <li><a href="ribbons.html">- Ribbons</a></li>
                                    <li><a href="clipboard.html">- Clipboard</a></li>
                                    <li><a href="todo-list.html">- Todo List</a></li>
                                    <li><a href="light-box-gallery.html">- Light Box Gallery</a></li>
                                    <li><a href="gallery.html">- Gallery</a></li>
                                    <li><a href="range-slider.html">- Range Slider</a></li>
                                    <li><a href="timeline.html">- Timeline</a></li>
                                    <li><a href="timeline-2.html">- Timeline 2</a></li>
                                    <li><a href="sweet-alert.html">- Sweet Alert</a></li>
                                    <li><a href="nestable-list.html">- Nestable List</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_documents_alt"></i> <span>Forms</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-form.html">- Basic Form</a></li>
                                    <li><a href="form-validation.html">- Validation</a></li>
                                    <li><a href="rating.html">- Rating</a></li>
                                    <li><a href="form-switchers.html">- Switchers</a></li>
                                    <li><a href="file-upload.html">- File upload</a></li>
                                    <li><a href="form-input-mask.html">- Input Mask</a></li>
                                    <li><a href="form-wizard.html">- Form Wizard</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_cart_alt"></i> <span>Ecommerce</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="product.html">- Products</a></li>
                                    <li><a href="product-details.html">- Products Details</a></li>
                                    <li><a href="order.html">- Orders</a></li>
                                    <li><a href="cart.html">- Cart</a></li>
                                    <li><a href="checkout.html">- Checkout</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_table"></i> <span>Tables</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="basic-table.html">- Basic Table</a></li>
                                    <li><a href="data-table.html">- Data Table</a></li>
                                    <li><a href="table-layout-colourd.html">- Table Layout Color</a></li>
                                    <li><a href="price-table.html">- Price Table</a></li>
                                    <li><a href="edit-table.html">- Edit Table</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_key_alt"></i> <span>User Page</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="login.html">- Login</a></li>
                                    <li><a href="register.html">- Register</a></li>
                                    <li><a href="lock-screen.html">- Lock Screen</a></li>
                                    <li><a href="forget-password.html">- Forget Password</a></li>
                                </ul>
                            </li>

                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_genius"></i> <span>General Pages</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="video.html">- Video</a></li>
                                    <li><a href="session-timeout.html">- Session timeout</a></li>
                                    <li><a href="invoice.html">- Invoice</a></li>
                                    <li><a href="contact.html">- Contact</a></li>
                                    <li><a href="coming-soon.html">- Coming Soon</a></li>
                                    <li><a href="404.html">- 404</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_map_alt"></i> <span>Maps</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="google-map.html">- Google Map</a></li>
                                    <li><a href="vector-map.html">- Vector Map</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_shield"></i> <span>Icons</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="matarial-icons.html">- Materialize Icons</a></li>
                                    <li><a href="elegant-icons.html">- Elegant Icons</a></li>
                                    <li><a href="et-line-icons.html">- Et-line Icons</a></li>
                                    <li><a href="font-awesome.html">- Font-Awsome Icons</a></li>
                                    <li><a href="pe-7-stroke.html">- Pe-7 Stroke Icons</a></li>
                                    <li><a href="themify-icons.html">- Themify Icons</a></li>
                                </ul>
                            </li>
                            <li class="treeview">
                                <a href="javascript:void(0)"><i class="icon_menu"></i> <span>Multilevel</span> <i class="fa fa-angle-right"></i></a>
                                <ul class="treeview-menu">
                                    <li><a href="#">Level One</a></li>
                                    <li class="treeview">
                                        <a href="#">Level One <i class="fa fa-angle-right"></i></a>
                                        <ul class="treeview-menu">
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                            <li><a href="#">Level Two</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">Level One</a></li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

        <!-- Page Content -->
        <div class="ecaps-page-content">
            <!-- Top Header Area -->
            <header class="top-header-area d-flex align-items-center justify-content-between">
                <div class="left-side-content-area d-flex align-items-center">
                    <!-- Mobile Logo -->
                    <div class="mobile-logo mr-3 mr-sm-4">
                        <a href="index-2.html"><img src="img/core-img/small-logo.png" alt="Mobile Logo"></a>
                    </div>

                    <!-- Triggers -->
                    <div class="ecaps-triggers mr-1 mr-sm-3">
                        <div class="menu-collasped" id="menuCollasped">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                        <div class="mobile-menu-open" id="mobileMenuOpen">
                            <i class="zmdi zmdi-menu"></i>
                        </div>
                    </div>

                    <!-- Left Side Nav -->
                    <ul class="left-side-navbar d-flex align-items-center">
                        <li class="hide-phone app-search mr-15">
                            <form role="search" class=""><input type="text" placeholder="Search..." class="form-control"> <button type="submit" class="mr-0"><i class="fa fa-search"></i></button></form>
                        </li>
                    </ul>
                </div>

                <div class="right-side-navbar d-flex align-items-center justify-content-end">
                    <!-- Mobile Trigger -->
                    <div class="right-side-trigger" id="rightSideTrigger">
                        <i class="ti-align-left"></i>
                    </div>

                    <!-- Top Bar Nav -->
                    <ul class="right-side-content d-flex align-items-center">
                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-none" src="img/core-img/l3.jpg" alt=""></button>
                            <div class="dropdown-menu language-dropdown dropdown-menu-right">
                                <a href="#" class="dropdown-item"><img src="img/core-img/l1.jpg" alt=""> IND</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l2.jpg" alt=""> LOP</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l3.jpg" alt=""> KYI</a>
                                <a href="#" class="dropdown-item"><img src="img/core-img/l4.jpg" alt=""> RTY</a>
                            </div>
                        </li>
                        <!-- Full Screen Mode -->
                        <li class="full-screen-mode ml-1">
                            <a href="javascript:" id="fullScreenMode"><i class="zmdi zmdi-fullscreen"></i></a>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_globe-2" aria-hidden="true"></i></button>

                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Message Area -->
                                <div class="top-message-area">
                                    <!-- Heading -->
                                    <div class="top-message-heading">
                                        <div class="heading-title">
                                            <h6>Messages</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>
                                    <div class="message-box" id="messageBox">
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>The Complete JavaScript Handbook</span>
                                                <span>1 hour ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New comment: ecaps Template</span>
                                                <span>2 days ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>6-hour video course on Angular</span>
                                                <span>3 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>Google Ads: You'll get a refund soon</span>
                                                <span>27 min ago</span>
                                            </span>
                                        </a>
                                        <a href="#" class="dropdown-item">
                                            <i class="zmdi zmdi-email-open"></i>
                                            <span class="message-text">
                                                <span>New Feature: HTTP Method Selection</span>
                                                <span>56 min ago</span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="icon_lightbulb_alt" aria-hidden="true"></i> <span class="active-status"></span></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- Top Notifications Area -->
                                <div class="top-notifications-area">
                                    <!-- Heading -->
                                    <div class="notifications-heading">
                                        <div class="heading-title">
                                            <h6>Notifications</h6>
                                        </div>
                                        <span>5 New</span>
                                    </div>

                                    <div class="notifications-box" id="notificationsBox">
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-face-smile bg-success"></i><span>We've got something for you!</span></a>
                                        <a href="#" class="dropdown-item"><i class="zmdi zmdi-notifications-active bg-danger"></i><span>Domain names expiring on Tuesday</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-check"></i><span>Your commissions has been sent</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-heart bg-success"></i><span>You sold an item!</span></a>
                                        <a href="#" class="dropdown-item"><i class="ti-bolt bg-warning"></i><span>Security alert for your linked Google account</span></a>
                                    </div>
                                </div>
                            </div>
                        </li>

                        <li class="nav-item dropdown">
                            <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="border-radius-50" src="img/member-img/1.png" alt=""></button>
                            <div class="dropdown-menu dropdown-menu-right">
                                <!-- User Profile Area -->
                                <div class="user-profile-area">
                                    <div class="user-profile-heading">
                                        <!-- Thumb -->
                                        <div class="profile-thumbnail">
                                            <img class="border-radius-50" src="img/member-img/1.png" alt="">
                                        </div>
                                        <!-- Profile Text -->
                                        <div class="profile-text">
                                            <h6>Ajoy Das</h6>
                                            <span>ajoydas@example.com</span>
                                        </div>
                                    </div>
                                    <a href="#" class="dropdown-item"><i class="ti-user text-default" aria-hidden="true"></i> My profile</a>
                                    <a href="#" class="dropdown-item"><i class="zmdi zmdi-email-open text-success" aria-hidden="true"></i> Messages</a>
                                    <a href="#" class="dropdown-item"><i class="ti-settings text-default" aria-hidden="true"></i> Account settings</a>
                                    <a href="#" class="dropdown-item"><i class="ti-heart text-purple" aria-hidden="true"></i> Support</a>
                                    <a href="#" class="dropdown-item"><i class="ti-unlink text-warning" aria-hidden="true"></i> Sign-out</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </header>

            <div class="row">
                <div class="col-12">
                    <div class="dahboard-header-area d-sm-flex align-items-center justify-content-between">
                        <div class="dahboard-header-title d-flex align-items-center">
                            <h6 class="mb-0 mr-3">Dashboard</h6>
                            <p class="mb-0 mr-3 font-13">#6598452</p>
                            <div class="nav-item dropdown">
                                <button class="btn btn-primary dropdown-toggle font-12" type="button" id="dropdownMenuButton6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Add new</button>
                                <!-- Dropdown Menu -->
                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton6">
                                    <a href="#" class="dropdown-item">- Profile</a>
                                    <a href="#" class="dropdown-item">- Messages</a>
                                    <a href="#" class="dropdown-item">- Settings</a>
                                </div>
                            </div>
                        </div>

                        <div class="dahsboard-header-link">
                            <ul class="nav navbar-nav">
                                <li class="nav-item"><a class="nav-link" href="inbox.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Email"><i class="zmdi zmdi-email"></i></a></li>
                                <li class="nav-item"><a class="nav-link" href="chat-box.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Chat"><i class="zmdi zmdi-camera-mic"></i></a></li>
                                <li class="nav-item"><a class="nav-link" href="todo-list.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Todo"><i class="zmdi zmdi-check-square"></i></a></li>
                                <li class="nav-item"><a class="nav-link" href="calendar.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Calendar"><i class="zmdi zmdi-calendar-note"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Main Content Area -->
            <div class="main-content dashboard-pt">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12 col-sm-6 col-md-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chartjs-size-monitor">
                                        <div class="chartjs-size-monitor-expand">
                                            <div class=""></div>
                                        </div>
                                        <div class="chartjs-size-monitor-shrink">
                                            <div class=""></div>
                                        </div>
                                    </div>
                                    <h4 class="card-title">Customers</h4>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h2 class="text-dark font-18 mb-0">3323</h2>
                                        <div class="text-danger font-weight-bold d-flex justify-content-between align-items-center">
                                            <i class="fa fa-arrow-down mr-1"></i> <span>40.8%</span>
                                        </div>
                                    </div>
                                    <canvas id="customer" class="chartjs-render-monitor"></canvas>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chartjs-size-monitor">
                                        <div class="chartjs-size-monitor-expand">
                                            <div class=""></div>
                                        </div>
                                        <div class="chartjs-size-monitor-shrink">
                                            <div class=""></div>
                                        </div>
                                    </div>
                                    <h4 class="card-title">Orders</h4>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h2 class="text-dark font-18 mb-0">53,981</h2>
                                        <div class="text-success font-weight-bold d-flex justify-content-between align-items-center">
                                            <i class="fa fa-arrow-up mr-1"></i> <span class=" text-extra-small">130.5%</span>
                                        </div>
                                    </div>
                                    <canvas id="orders" class="chartjs-render-monitor"></canvas>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chartjs-size-monitor">
                                        <div class="chartjs-size-monitor-expand">
                                            <div class=""></div>
                                        </div>
                                        <div class="chartjs-size-monitor-shrink">
                                            <div class=""></div>
                                        </div>
                                    </div>
                                    <h4 class="card-title">Growth</h4>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h2 class="text-dark font-18 mb-0">56%</h2>
                                        <div class="text-success font-weight-bold d-flex justify-content-between align-items-center">
                                            <i class="mdi mdi-chevron-up mdi-24px"></i> <span class="text-extra-small">120.3%</span>
                                        </div>
                                    </div>
                                    <canvas id="growth" class="chartjs-render-monitor"></canvas>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 col-sm-6 col-md-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chartjs-size-monitor">
                                        <div class="chartjs-size-monitor-expand">
                                            <div class=""></div>
                                        </div>
                                        <div class="chartjs-size-monitor-shrink">
                                            <div class=""></div>
                                        </div>
                                    </div>
                                    <h4 class="card-title">Revenue</h4>
                                    <div class="d-flex justify-content-between align-items-center">
                                        <h2 class="text-dark font-18 mb-0">$ 53,981</h2>
                                    </div>
                                    <canvas id="revenue" class="chartjs-render-monitor"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xl-6">
                            <div class="card">
                                <div class="card-header d-md-flex align-items-center justify-content-between">
                                    <h6 class="mb-0">Account &amp; Monthly Recurring Revenue Growth</h6>
                                </div><!-- card-header -->
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-sm-5 mb-30">
                                            <h3 class="font-22">$720,076</h3>
                                            <h6 class="font-12">MRR Growth</h6>
                                        </div>
                                        <!-- col -->
                                        <div class="col-sm-5 mb-30">
                                            <h3 class="font-22">$2,200</h3>
                                            <h6 class="font-12">Avg. MRR/Customer</h6>
                                        </div><!-- col -->
                                    </div><!-- row -->

                                    <div class="chart-one">
                                        <div id="flotChart" class="height-300"></div>
                                    </div><!-- chart-one -->
                                </div><!-- card-body -->
                            </div><!-- card -->
                        </div>

                        <div class="col-xl-6">
                            <div class="card">
                                <div class="card-header">
                                    <h6 class="mb-0">Account Retention</h6>
                                </div><!-- card-header -->
                                <div class="card-body">
                                    <div class="chart-two mt-20">
                                        <canvas id="dashboard-bar-chart" class="height-300"></canvas>
                                    </div><!-- chart-two -->
                                    <div class="row">
                                        <div class="col-sm mt-15">
                                            <h4 class="font-22">$2,680<small>.60</small></h4>
                                            <p class="font-12 mb-0">Expansions</p>
                                        </div><!-- col -->
                                        <div class="col-sm mt-15">
                                            <h4 class="font-22">$1,520<small>.00</small></h4>
                                            <p class="font-12 mb-0">Cancellations</p>
                                        </div><!-- col -->
                                    </div><!-- row -->
                                </div><!-- card-body -->
                            </div><!-- card -->
                        </div>

                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title">Revenue</h4>
                                    <div id="apex-line-1" class="apex-charts"></div>
                                    <div class="row align-items-center">
                                        <div class="col-12 col-md-4 col-lg-3">
                                            <div id="doughnut-chart-wrapper">
                                                <canvas id="doughnut-chart" height="200"></canvas>
                                                <div class="doughnut-chart-status">
                                                    <p class="font-16 text-dark mt-4 mb-0 ">3500</p>
                                                    <p class="ultra-small center-align">Sold</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-lg-3">
                                            <ul class="doughnut-chart-legend">
                                                <li class="mobile font-13 mb-2"><i class="fa fa-circle font-11 text-danger"></i> Mobile</li>
                                                <li class="kitchen font-13 mb-2"><i class="fa fa-circle font-11 text-green"></i> Kitchen</li>
                                                <li class="home font-13"><i class="fa fa-circle font-11 text-warning"></i> Home</li>
                                            </ul>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="trending-bar-chart-wrapper"><canvas id="trending-bar-chart" height="90"></canvas></div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-6 col-xl-4">
                            <div class="card">
                                <div class="card-header">
                                    <h6 class="card-title mb-0">Transaction History</h6>
                                </div>
                                <ul class="list-group list-group-index tx-13">
                                    <li class="list-group-item d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar"><span class="avatar-initial rounded-circle bg-primary"><i class="icon_check"></i></span></div>
                                            <div>
                                                <p class="font-14 mb-0 text-dark">Payment from #1322</p>
                                                <span class="font-12">Mar 22, 19, 3:30pm</span>
                                            </div>
                                        </div>

                                        <div class="mg-l-auto text-right">
                                            <p class="font-14 mb-0 text-dark">+ $250</p>
                                            <small class="font-12 text-green">Completed</small>
                                        </div>
                                    </li>

                                    <li class="list-group-item d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar"><span class="avatar-initial rounded-circle bg-info"><i class="arrow_back"></i></span></div>
                                            <div>
                                                <p class="font-14 mb-0 text-dark">Refund to #0910</p>
                                                <small class="font-12">Mar 21, 19, 1:00pm</small>
                                            </div>
                                        </div>
                                        <div class="mg-l-auto text-right">
                                            <p class="font-14 mb-0 text-dark">-$16.50</p>
                                            <small class="font-12 text-green">Completed</small>
                                        </div>
                                    </li>

                                    <li class="list-group-item d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar"><span class="avatar-initial rounded-circle bg-warning"><i class="icon_cart_alt"></i></span></div>
                                            <div>
                                                <p class="font-14 mb-0 text-dark">Process to #4433</p>
                                                <small class="font-12">Mar 20, 19, 11:40am</small>
                                            </div>
                                        </div>
                                        <div class="mg-l-auto text-right">
                                            <p class="font-14 mb-0 text-dark">3 Items</p>
                                            <small class="font-12 text-info">For pickup</small>
                                        </div>
                                    </li>
                                    <li class="list-group-item d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar"><span class="avatar-initial rounded-circle bg-green"><i class="icon_check"></i></span></div>
                                            <div>
                                                <p class="font-14 mb-0 text-dark">Payment #02328</p>
                                                <small class="font-12">Mar 20, 19, 10:30pm</small>
                                            </div>
                                        </div>
                                        <div class="mg-l-auto text-right">
                                            <p class="font-14 mb-0 text-dark">+ $129</p>
                                            <small class="font-12 text-green">Completed</small>
                                        </div>
                                    </li>
                                    <li class="list-group-item d-flex align-items-center justify-content-between">
                                        <div class="d-flex align-items-center">
                                            <div class="avatar"><span class="avatar-initial rounded-circle bg-danger"><i class="icon_close font-18"></i></span></div>
                                            <div>
                                                <p class="font-14 mb-0 text-dark">Payment failed #08751</p>
                                                <small class="font-12">Mar 19, 19, 12:54pm</small>
                                            </div>
                                        </div>
                                        <div class="mg-l-auto text-right">
                                            <p class="font-14 mb-0 text-dark">$150</p>
                                            <small class="font-12 text-danger">Declined</small>
                                        </div>
                                    </li>
                                </ul>
                                <div class="bg-white text-center p-3">
                                    <a href="#" class="text-dark font-14">View All Transactions <i class=" arrow_down"></i></a>
                                </div><!-- card-footer -->
                            </div><!-- card -->
                        </div>

                        <div class="col-md-6 col-xl-4">
                            <div class="card">
                                <div class="card-body">
                                    <div class="d-flex justify-content-between align-items-center text-dark">
                                        <h4>$334/m.</h4>
                                        <button type="button" class="btn btn-primary btn-sm">New</button>
                                    </div>
                                    <h5 class="text-dark font-18 mb-0">For Business Plans</h5>
                                    <p class="border-bottom pb-3 font-13">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, omnis illo neque.</p>
                                    <div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Storage capacity</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">750GB</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Online support</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">24/7</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Daily Updates</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">Unlimited</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Visitors Monitoring</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">442</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Online support</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">24/7</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Powerfull support</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">24/7</h6>
                                        </div>
                                        <div class="d-flex justify-content-between align-items-center py-2">
                                            <h6 class="text-dark font-14 mb-0">Email Account</h6>
                                            <h6 class="font-weight-medium text-dark mb-0">Free</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-4">
                            <div class="card">
                                <div class="card-body px-0 pb-0 border-bottom">
                                    <div class="px-4 pb-3">
                                        <div class="d-flex justify-content-between align-items-center text-dark">
                                            <div class="d-flex align-items-center">
                                                <h6 class="mb-0 font-18">Login</h6>
                                            </div>
                                            <a href="register.html" class="btn btn-link text-primary">Sign up</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="card-body px-0 pt-1 border-bottom">
                                    <div class="px-4">
                                        <h5 class="mb-20 mt-20 font-18">Welcome back</h5>
                                        <form class="dashboard-login mt-2">
                                            <div class="form-group">
                                                <label for="Login" class="text-dark font-13">Your login or email</label>
                                                <input type="email" class="form-control" id="Login" placeholder="Login">
                                            </div>
                                            <div class="form-group">
                                                <label for="pwd" class="text-dark font-13">Your Password:</label>
                                                <input type="password" class="form-control" id="pwd" placeholder="Your Password">
                                            </div>
                                            <div class="form-group form-check pl-0">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="customCheck3">
                                                    <label class="custom-control-label font-16 text-dark" for="customCheck3">Remember me</label>
                                                </div>
                                            </div>

                                            <button type="submit" class="btn btn-primary btn-md btn-block mb-15">Login</button>
                                            <a href="forget-password.html" class="auth-link font-12 text-dark">Forgot password?</a>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="font-16">Visits in last 24h</h5>
                                    <h2 class="font-24">188 009</h2>
                                    <div id="sparkline1"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="font-16">Visits week</h5>
                                    <h2 class="font-24">85 000</h2>
                                    <div id="sparkline2"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="font-16">Last month</h5>
                                    <h2 class="font-24">780 900</h2>
                                    <div id="sparkline3"></div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card">
                                <div class="card-body">
                                    <h5 class="font-16">Avarage time</h5>
                                    <h2 class="font-24">00:07:40</h2>
                                    <div id="sparkline4"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6 col-xl-3">
                            <div class="card gradient-light-blue-cyan">
                                <div class="card-body center">
                                    <img src="img/shop-img/2.png" alt="">
                                    <h5 class="text-white font-24">50% Off</h5>
                                    <p class="text-white mb-0">On apple watch</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card gradient-45deg-red-pink border-radius-3">
                                <div class="card-body center">
                                    <img src="img/shop-img/7.png" alt="">
                                    <h5 class="text-white font-24">20% Off</h5>
                                    <p class="text-white mb-0">On Canon Printer</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card gradient-45deg-amber-amber border-radius-3">
                                <div class="card-body center">
                                    <img src="img/shop-img/10.png" alt="">
                                    <h5 class="text-white font-24">40% Off</h5>
                                    <p class="text-white mb-0">On apple macbook</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-xl-3">
                            <div class="card gradient-45deg-green-teal border-radius-3">
                                <div class="card-body center">
                                    <img src="img/shop-img/7.png" alt="">
                                    <h5 class="text-white font-24">60% Off</h5>
                                    <p class="text-white mb-0">On any video game</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-xl-4 col-md-6">
                            <div class="card">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">All Users</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="widget-timeline mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-primary font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/1.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">The Quick Brown Fox</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-timeline mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-warning font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/2.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Over The Lazy Dog</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-timeline mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/3.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">The Quick Brown Fox</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-timeline mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-warning  font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/2.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Over The Lazy Dog</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-timeline mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/4.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">The Quick Brown Fox</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-timeline">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-primary font-12 mr-2"></i>
                                                        <a href="#!"><img class="rounded-circle" style="width:40px;" src="img/member-img/2.png" alt="chat-user"></a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Over The Lazy Dog</h6>
                                                        <p class="mb-0">Ipsum is simply text of…</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-4 col-md-6">
                            <div class="card to-do">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Work schedule</h5>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-12">
                                            <div class="widget-todo mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Today 15:30</h6>
                                                        <p class="mb-0">Meeting with Sara and Cristiane</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="widget-todo mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Today 19:15</h6>
                                                        <p class="mb-0">Soccer game with family</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="widget-todo mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-primary font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Tomorrow 08:45</h6>
                                                        <p class="mb-0">Check all emails</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="widget-todo mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Tomorrow 02:45</h6>
                                                        <p class="mb-0">Soccer game with family</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12">
                                            <div class="widget-todo mb-30">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-green font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Today 19:15</h6>
                                                        <p class="mb-0">Soccer game with family</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-12">
                                            <div class="widget-todo">
                                                <div class="media">
                                                    <div class="mr-3 photo-table">
                                                        <i class="fa fa-circle text-primary font-12 mr-2"></i>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="d-inline-block">Tomorrow 08:45</h6>
                                                        <p class="mb-0">Check all emails</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-xl-4">
                            <div class="card note-bar">
                                <div class="card-header">
                                    <h5 class="card-title mb-0">Notifications</h5>
                                </div>
                                <div class="card-body">
                                    <a href="#!" class="media friendlist-box mb-30">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New order received</h6>
                                            <span class="font-12 float-right text-dark">12.56</span>
                                            <p class="text-muted mb-0">2 unread notification</p>
                                        </div>
                                    </a>
                                    <a href="#!" class="media friendlist-box mb-30">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New user register</h6>
                                            <span class="font-12 float-right text-dark">12.36</span>
                                            <p class="text-muted mb-0">xx messages</p>
                                        </div>
                                    </a>
                                    <a href="#!" class="media friendlist-box mb-30">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New user register</h6>
                                            <span class="font-12 float-right text-dark">12.36</span>
                                            <p class="text-muted mb-0">xx messages</p>
                                        </div>
                                    </a>
                                    <a href="#!" class="media friendlist-box mb-30">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New order register</h6>
                                            <span class="font-12 float-right text-dark">11.45</span>
                                            <p class="text-muted mb-0">2 read notification</p>
                                        </div>
                                    </a>
                                    <a href="#!" class="media friendlist-box mb-30">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New user register</h6>
                                            <span class="font-12 float-right text-dark">12.36</span>
                                            <p class="text-muted mb-0">xx messages</p>
                                        </div>
                                    </a>
                                    <div class="media friendlist-box">
                                        <div class="mr-3 photo-table">
                                            <i class="fa fa-bell text-danger font-30"></i>
                                        </div>
                                        <div class="media-body">
                                            <h6>New order prepend</h6>
                                            <span class="font-12 float-right text-dark">9.39</span>
                                            <p class="text-muted mb-0">xx messages</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title mb-30">Exclusive Datatable</h4>

                                    <table id="basic-datatable" class="table dt-responsive nowrap w-100">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Position</th>
                                                <th>Office</th>
                                                <th>Age</th>
                                                <th>Start date</th>
                                                <th>Salary</th>
                                            </tr>
                                        </thead>


                                        <tbody>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-1.jpg" alt="">Tiger Nixon</td>
                                                <td>System Architect</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/2.png" alt="">Edinburgh</td>
                                                <td>61</td>
                                                <td>2011/04/25</td>
                                                <td><span class="btn btn-sm btn-label-success">$320,800</span></td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-2.jpg" alt="">Garrett Winters</td>
                                                <td>Accountant</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">Tokyo</td>
                                                <td>63</td>
                                                <td>2011/07/25</td>
                                                <td>$170,750</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-3.jpg" alt="">Ashton Cox</td>
                                                <td>Junior Technical Author</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">San Francisco</td>
                                                <td>66</td>
                                                <td>2009/01/12</td>
                                                <td>$86,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-4.jpg" alt="">Cedric Kelly</td>
                                                <td>Senior Javascript Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/5.png" alt="">Edinburgh</td>
                                                <td>22</td>
                                                <td>2012/03/29</td>
                                                <td>$433,060</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-5.jpg" alt="">Airi Satou</td>
                                                <td>Accountant</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/6.png" alt="">Tokyo</td>
                                                <td>33</td>
                                                <td>2008/11/28</td>
                                                <td>$162,700</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/mail-6.jpg" alt="">Brielle Williamson</td>
                                                <td>Integration Specialist</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/7.png" alt="">New York</td>
                                                <td>61</td>
                                                <td>2012/12/02</td>
                                                <td>$372,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/1.png" alt="">Herrod Chandler</td>
                                                <td>Sales Assistant</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/8.png" alt="">San Francisco</td>
                                                <td>59</td>
                                                <td>2012/08/06</td>
                                                <td>$137,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/2.png" alt="">Rhona Davidson</td>
                                                <td>Integration Specialist</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/9.png" alt="">Tokyo</td>
                                                <td>55</td>
                                                <td>2010/10/14</td>
                                                <td>$327,900</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Colleen Hurst</td>
                                                <td>Javascript Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/10.png" alt="">San Francisco</td>
                                                <td>39</td>
                                                <td>2009/09/15</td>
                                                <td>$205,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/4.png" alt="">Sonya Frost</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/11.png" alt="">Edinburgh</td>
                                                <td>23</td>
                                                <td>2008/12/13</td>
                                                <td>$103,600</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/5.png" alt="">Jena Gaines</td>
                                                <td>Office Manager</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/12.png" alt="">London</td>
                                                <td>30</td>
                                                <td>2008/12/19</td>
                                                <td>$90,560</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/6.png" alt="">Quinn Flynn</td>
                                                <td>Support Lead</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/13.png" alt="">Edinburgh</td>
                                                <td>22</td>
                                                <td>2013/03/03</td>
                                                <td>$342,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/7.png" alt="">Charde Marshall</td>
                                                <td>Regional Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/2.png" alt="">San Francisco</td>
                                                <td>36</td>
                                                <td>2008/10/16</td>
                                                <td>$470,600</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/8.png" alt="">Haley Kennedy</td>
                                                <td>Senior Marketing Designer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">London</td>
                                                <td>43</td>
                                                <td>2012/12/18</td>
                                                <td>$313,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/9.png" alt="">Tatyana Fitzpatrick</td>
                                                <td>Regional Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">London</td>
                                                <td>19</td>
                                                <td>2010/03/17</td>
                                                <td>$385,750</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/10.png" alt="">Michael Silva</td>
                                                <td>Marketing Designer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/5.png" alt="">London</td>
                                                <td>66</td>
                                                <td>2012/11/27</td>
                                                <td>$198,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/11.png" alt="">Paul Byrd</td>
                                                <td>Chief Financial Officer (CFO)</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/6.png" alt="">New York</td>
                                                <td>64</td>
                                                <td>2010/06/09</td>
                                                <td>$725,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/12.png" alt="">Gloria Little</td>
                                                <td>Systems Administrator</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/7.png" alt="">New York</td>
                                                <td>59</td>
                                                <td>2009/04/10</td>
                                                <td>$237,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/1.png" alt="">Bradley Greer</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/8.png" alt="">London</td>
                                                <td>41</td>
                                                <td>2012/10/13</td>
                                                <td>$132,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/2.png" alt="">Dai Rios</td>
                                                <td>Personnel Lead</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/9.png" alt="">Edinburgh</td>
                                                <td>35</td>
                                                <td>2012/09/26</td>
                                                <td>$217,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Jenette Caldwell</td>
                                                <td>Development Lead</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/10.png" alt="">New York</td>
                                                <td>30</td>
                                                <td>2011/09/03</td>
                                                <td>$345,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/4.png" alt="">Yuri Berry</td>
                                                <td>Chief Marketing Officer (CMO)</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/11.png" alt="">New York</td>
                                                <td>40</td>
                                                <td>2009/06/25</td>
                                                <td>$675,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/5.png" alt="">Caesar Vance</td>
                                                <td>Pre-Sales Support</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/12.png" alt="">New York</td>
                                                <td>21</td>
                                                <td>2011/12/12</td>
                                                <td>$106,450</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/6.png" alt="">Doris Wilder</td>
                                                <td>Sales Assistant</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/13.png" alt="">Sidney</td>
                                                <td>23</td>
                                                <td>2010/09/20</td>
                                                <td>$85,600</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/7.png" alt="">Angelica Ramos</td>
                                                <td>Chief Executive Officer (CEO)</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/2.png" alt="">London</td>
                                                <td>47</td>
                                                <td>2009/10/09</td>
                                                <td>$1,200,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/8.png" alt="">Gavin Joyce</td>
                                                <td>Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">Edinburgh</td>
                                                <td>42</td>
                                                <td>2010/12/22</td>
                                                <td>$92,575</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/9.png" alt="">Jennifer Chang</td>
                                                <td>Regional Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">Singapore</td>
                                                <td>28</td>
                                                <td>2010/11/14</td>
                                                <td>$357,650</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Brenden Wagner</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/5.png" alt="">San Francisco</td>
                                                <td>28</td>
                                                <td>2011/06/07</td>
                                                <td>$206,850</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/10.png" alt="">Fiona Green</td>
                                                <td>Chief Operating Officer (COO)</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/6.png" alt="">San Francisco</td>
                                                <td>48</td>
                                                <td>2010/03/11</td>
                                                <td>$850,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/1.png" alt="">Shou Itou</td>
                                                <td>Regional Marketing</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/7.png" alt="">Tokyo</td>
                                                <td>20</td>
                                                <td>2011/08/14</td>
                                                <td>$163,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/2.png" alt="">Michelle House</td>
                                                <td>Integration Specialist</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/8.png" alt="">Sidney</td>
                                                <td>37</td>
                                                <td>2011/06/02</td>
                                                <td>$95,400</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Suki Burks</td>
                                                <td>Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/9.png" alt="">London</td>
                                                <td>53</td>
                                                <td>2009/10/22</td>
                                                <td>$114,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/4.png" alt="">Prescott Bartlett</td>
                                                <td>Technical Author</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/10.png" alt="">London</td>
                                                <td>27</td>
                                                <td>2011/05/07</td>
                                                <td>$145,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/5.png" alt="">Gavin Cortez</td>
                                                <td>Team Leader</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/11.png" alt="">San Francisco</td>
                                                <td>22</td>
                                                <td>2008/10/26</td>
                                                <td>$235,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/6.png" alt="">Martena Mccray</td>
                                                <td>Post-Sales support</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/12.png" alt="">Edinburgh</td>
                                                <td>46</td>
                                                <td>2011/03/09</td>
                                                <td>$324,050</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/7.png" alt="">Unity Butler</td>
                                                <td>Marketing Designer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/2.png" alt="">San Francisco</td>
                                                <td>47</td>
                                                <td>2009/12/09</td>
                                                <td>$85,675</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/8.png" alt="">Howard Hatfield</td>
                                                <td>Office Manager</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">San Francisco</td>
                                                <td>51</td>
                                                <td>2008/12/16</td>
                                                <td>$164,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/9.png" alt="">Hope Fuentes</td>
                                                <td>Secretary</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">San Francisco</td>
                                                <td>41</td>
                                                <td>2010/02/12</td>
                                                <td>$109,850</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/10.png" alt="">Vivian Harrell</td>
                                                <td>Financial Controller</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/5.png" alt="">San Francisco</td>
                                                <td>62</td>
                                                <td>2009/02/14</td>
                                                <td>$452,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/11.png" alt="">Timothy Mooney</td>
                                                <td>Office Manager</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/6.png" alt="">London</td>
                                                <td>37</td>
                                                <td>2008/12/11</td>
                                                <td>$136,200</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/1.png" alt="">Jackson Bradshaw</td>
                                                <td>Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/7.png" alt="">New York</td>
                                                <td>65</td>
                                                <td>2008/09/26</td>
                                                <td>$645,750</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/2.png" alt="">Olivia Liang</td>
                                                <td>Support Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/8.png" alt="">Singapore</td>
                                                <td>64</td>
                                                <td>2011/02/03</td>
                                                <td>$234,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Bruno Nash</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/9.png" alt="">London</td>
                                                <td>38</td>
                                                <td>2011/05/03</td>
                                                <td>$163,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/4.png" alt="">Sakura Yamamoto</td>
                                                <td>Support Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/10.png" alt="">Tokyo</td>
                                                <td>37</td>
                                                <td>2009/08/19</td>
                                                <td>$139,575</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/5.png" alt="">Thor Walton</td>
                                                <td>Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/11.png" alt="">New York</td>
                                                <td>61</td>
                                                <td>2013/08/11</td>
                                                <td>$98,540</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/8.png" alt="">Finn Camacho</td>
                                                <td>Support Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/2.png" alt="">San Francisco</td>
                                                <td>47</td>
                                                <td>2009/07/07</td>
                                                <td>$87,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/2.png" alt="">Serge Baldwin</td>
                                                <td>Data Coordinator</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">Singapore</td>
                                                <td>64</td>
                                                <td>2012/04/09</td>
                                                <td>$138,575</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/3.png" alt="">Zenaida Frank</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">New York</td>
                                                <td>63</td>
                                                <td>2010/01/04</td>
                                                <td>$125,250</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/1.png" alt="">Zorita Serrano</td>
                                                <td>Software Engineer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/5.png" alt="">San Francisco</td>
                                                <td>56</td>
                                                <td>2012/06/01</td>
                                                <td>$115,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/4.png" alt="">Jennifer Acosta</td>
                                                <td>Junior Javascript Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/6.png" alt="">Edinburgh</td>
                                                <td>43</td>
                                                <td>2013/02/01</td>
                                                <td>$75,650</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/5.png" alt="">Cara Stevens</td>
                                                <td>Sales Assistant</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/7.png" alt="">New York</td>
                                                <td>46</td>
                                                <td>2011/12/06</td>
                                                <td>$145,600</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/6.png" alt="">Hermione Butler</td>
                                                <td>Regional Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/8.png" alt="">London</td>
                                                <td>47</td>
                                                <td>2011/03/21</td>
                                                <td>$356,250</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/7.png" alt="">Lael Greer</td>
                                                <td>Systems Administrator</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/9.png" alt="">London</td>
                                                <td>21</td>
                                                <td>2009/02/27</td>
                                                <td>$103,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/8.png" alt="">Jonas Alexander</td>
                                                <td>Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/10.png" alt="">San Francisco</td>
                                                <td>30</td>
                                                <td>2010/07/14</td>
                                                <td>$86,500</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/9.png" alt="">Shad Decker</td>
                                                <td>Regional Director</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/11.png" alt="">Edinburgh</td>
                                                <td>51</td>
                                                <td>2008/11/13</td>
                                                <td>$183,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/10.png" alt="">Michael Bruce</td>
                                                <td>Javascript Developer</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/3.png" alt="">Singapore</td>
                                                <td>29</td>
                                                <td>2011/06/27</td>
                                                <td>$183,000</td>
                                            </tr>
                                            <tr>
                                                <td><img class="mr-2 chat-thumb" src="img/member-img/11.png" alt="">Donna Snider</td>
                                                <td>Customer Support</td>
                                                <td><img class="mr-2 office-thumb" src="img/currency-img/4.png" alt="">New York</td>
                                                <td>27</td>
                                                <td>2011/01/25</td>
                                                <td>$112,000</td>
                                            </tr>
                                        </tbody>
                                    </table>

                                </div> <!-- end card body-->
                            </div> <!-- end card -->
                        </div><!-- end col-->
                    </div>

                    <!-- Small Chat Box -->
                    <div class="small-chat-box fadeInRight animated">
                        <div class="heading d-flex align-items-center" draggable="true">
                            <img class="chat-thumb mr-3" src="img/member-img/1.png" alt="">
                            <div class="chat-header">
                                <h6 class="mb-0">Jhon Smith</h6>
                                <p class="mb-0 font-12 text-green">Active</p>
                            </div>
                        </div>

                        <div class="chat-history bg-img" id="chat-conversation" style="background-image: url(img/bg-img/4.jpg);">
                            <ul>
                                <li class="clearfix mb-15">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:11 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">Hi Robert , how are you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:15 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. and you?</div>
                                </li>
                                <li class="clearfix mb-15">
                                    <div class="message-data">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/2.png" alt=""></span>
                                        <span class="message-data-time font-11">11:16 AM, Today</span>
                                    </div>
                                    <div class="message my-message font-12">Fine. What's about vacation?.</div>
                                </li>
                                <li class="clearfix">
                                    <div class="message-data text-right">
                                        <span class="mr-2"><img class="chat-img" src="img/member-img/1.png" alt=""></span>
                                        <span class="message-data-time font-11">11:18 AM, Today</span>
                                    </div>
                                    <div class="message other-message float-right font-12">We think for next weekend.</div>
                                    <div class="message other-message float-right font-12">Have fun!</div>
                                </li>
                            </ul>
                        </div>

                        <div class="form-chat">
                            <div class="input-group chat-group">
                                <input type="text" class="form-control">
                                <span class="input-group-btn">
                                    <button class="btn btn-primary" type="button">Send
                                    </button> </span></div>
                        </div>
                    </div>
                    <div id="small-chat">
                        <span class="badge badge-primary float-right">6</span>
                        <a class="open-small-chat pulse" href="#">
                            <i class="zmdi zmdi-comment-more"></i>
                        </a>
                    </div>
                </div>

                <!-- Footer Area -->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <!-- Footer Area -->
                            <footer class="footer-area">
                                <!-- Copywrite Text -->
                                <div class="copywrite-text text-center">
                                    <p>Undex &copy; 2019 created by <a href="#">Theme-zome</a></p>
                                </div>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ======================================
    ********* Page Wrapper Area End ***********
    ======================================= -->

    <!-- Must needed plugins to the run this Template -->
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bundle.js"></script>

    <!-- Active JS -->
    <script src="js/default-assets/fullscreen.js"></script>
    <script src="js/default-assets/active.js"></script>

    <!-- These plugins only need for the run this page -->
    <script src="js/default-assets/jquery.flot.js"></script>
    <script src="js/default-assets/jquery.flot.resize.js"></script>
    <script src="js/default-assets/chart.min.js"></script>
    <script src="js/default-assets/sparkline.min.js"></script>
    <script src="js/default-assets/component-todo.js"></script>
    <script src="js/default-assets/apexchart.min.js"></script>
    <script src="js/default-assets/dashboard-active.js"></script>
    <script src="js/default-assets/dashboard-active-2.js"></script>
    <script src="js/default-assets/custom-sparkline.js"></script>
    <script src="js/default-assets/dashboard-chat.js"></script>
    <script src="js/default-assets/jquery.datatables.min.js"></script>
    <script src="js/default-assets/datatables.bootstrap4.js"></script>
    <script src="js/default-assets/datatable-responsive.min.js"></script>
    <script src="js/default-assets/responsive.bootstrap4.min.js"></script>
    <script src="js/default-assets/demo.datatable-init.js"></script>
</body>


<!-- Mirrored from demo.riktheme.com/undex-1/side-menu-dark/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 21 Oct 2019 10:37:46 GMT -->
</html>